html, body, img { margin:0; padding:0; border:0;}

body
{
	background: 		url('../img/bg.jpg') fixed no-repeat;
	width:				100%;
	height:				100%;
	background-size: 	cover;
	color: 				white;
	font-family: 		Century Gothic, sans-serif;
	
	text-shadow: 		1px 1px 1px black;
}

#wrapper
{
	width: 				980px;
	margin: 			0 auto;
}

#header
{
	width: 			 	1000px;
	margin-bottom: 		-4px;
	float: 				left;
}

#header .logo
{
	
	width: 				320px;
	float: 				right;
	
}

#header .charinfo
{
	background-image: 	url('../img/bar.png'), url('../img/bar.png');
	background-position: left bottom, left top;
	background-repeat: 	repeat-x;
	
	
	
	width: 				410px;
	
	padding: 			10px;
	padding-top: 		30px;
	padding-bottom: 	30px;
	
	float: 				left;
	margin-top: 		30px;
	margin-left: 		50px;
		
}

#header .charinfo .inner
{
	background:			url('../img/black_80.png');
	min-height:  		150px;
	width: 				400px;
	padding: 			10px;
	
	color: 				white;
	
	
	margin-left: 		-5px;
	
	box-shadow: 		inset 0px 0px 30px 5px black;
}

.charinfo .inner .btnregister
{
	margin-top: 		-27px;
	float: 				left;	
}

.charinfo .inner .imgname
{
	width: 				130px;
	float: 				left;
	margin-right: 		10px;
}

.charinfo .inner .imgname .name
{
	width: 				100%;
	float: 				left;
	text-align: 		center;
	font-size: 			20px;
}

#header .charinfo .inner a
{
	font-weight: 		bold;
	color: 				white;
	text-decoration: 	none;
}

#header .charinfo .inner a:hover
{
	text-decoration: 	underline;
}


#header .charinfo .statbar
{
	background: 		url('../img/statbarbg.png') repeat-x;
	width: 				150px;
	height: 			18px;
	border: 			1px solid black;
	position: 			relative;
	float: 				left;
	text-align: 		center;
	z-index: 			500;
}

#header .charinfo .statbar .backbar
{
	height: 			18px; 
	position: 			absolute;
}

#header .charinfo .statbar .hp
{
	background: 		url('../img/hpbarbg.png') repeat-x;
}

#header .charinfo .statbar .energy
{
	background: 		url('../img/energybarbg.png') repeat-x;
}

#header .charinfo .statbar .xp
{
	background: 		url('../img/xpbarbg.png') repeat-x;
}

#header .charinfo .statbar .mainbar
{
	font-size: 			12px;
	position: 			absolute;
	width: 				100%;
	height: 			20px;
	z-index: 			5;
	text-align: 		center;
}


#content
{
	width: 				1000px;
	float: 	 			left;
	margin-bottom: 		30px;
	margin-left: 		120px;
}

.left
{
	margin-left: 		-70px;
	width: 				210px;
	float: 				left;
}

#content .rightcontent
{
	width: 				760px;
	float:				left;	
}

#content .cttitle
{
	background:  		url('../img/bar.png') repeat-x;
	width: 				760px;
	height: 			24px;
	color: 				white;
	float: 				left;
	
	margin-top: 		20px;
	
	padding-top:  		4px;
	padding-bottom: 	2px;

	padding-left: 		20px;
	font-weight: 		bold;
	font-size: 			20px;
	
	text-shadow: 		2px 2px 1px black;
	
}

#content .cttitle a
{
	color: 				white;
	text-decoration: 	none;
}

#content .cttitle a:hover
{
	text-decoration: 	underline;
}

#content .content
{

	background:			url('../img/black3_80.png');
	width: 				732px;
	
	float: 				left;
	
	border-bottom-left-radius: 	5px;
	border-bottom-right-radius: 5px;
	
	padding: 			10px;
	padding-left: 		20px;
	padding-right: 		20px;
	
	margin-left: 		4px;
	
	box-shadow: 		inset 0px 0px 30px 5px black;
	
	color: 				#d5d5d5;
}

#content .content a
{
	color: 				white;
	text-decoration: 	none;
}

#content .content a:hover
{
	text-decoration: 	underline;
}

img.error4
{
	width: 				500px;
	margin-left: 		50px;
}

table.register
{
	font-size: 			20px;
}

table.register input:not([type='radio']):not([type='submit'])
{
	width: 				300px;
	height: 			30px;
	border-radius: 		10px;
	padding-left: 		10px;
	margin-left: 		50px;
	opacity: 			0.9;
}

table.register input:active
{
	opacity: 			1.0;
}

table.register input:focus
{
	opacity: 			1.0;
}

table.register .choice
{
	width: 				50px;
	margin-right: 		50px;
	float: 				left;
}

table.register .choice:first-child
{
	margin-left: 		50px;
}

table.register .choice input
{
	margin-left: 		50px;
}

table.register input[type='submit']
{
	width: 				100px;
	height: 			30px;
	font-size: 			16px;
	margin-left: 		50px;
}

.registeroutput
{
	width: 				100%;
	color: 				red;
	float: 				left;
	font-size: 			16px;
	display: 			none;
}

img.charpic
{
	margin: 			10px;	
	border: 			2px solid white;
	width: 				100px;
	height: 			100px;
	float: 				left;
	border-radius: 		100px;
	box-shadow: 		inset 0px 0px 15px 3px black,
						0px 0px 50px 0px black;
}

img.width150
{
	width: 				150px;
	height: 			150px;
}

table.register .choice img
{
	width: 				90px;
	height: 			90px
}

.profileleft
{
	width: 				200px;
	float: 				left;
}

.profileleft .profilename
{
	width: 				175px;
	float: 				left;
	
	font-size: 			24px;
	font-weight: 		bold;
	text-align: 		center;
	margin-bottom: 		20px;
}

.profiletable
{
	width:  			300px;
	float: 				left;
}

.profileleft button
{
	width: 				100px;
	margin-left: 		40px;
}

input.sexy
{
	width: 				300px;
	height: 			30px;
	border-radius: 		10px;
	padding-left: 		10px;
	margin-left: 		50px;
	opacity: 			0.9;
}


#pbutton
{
   width: 				80px;
   margin-left: 		150px;
   float: 				right;
}

table tr.bold td
{
	font-weight: 		bold;
}

#starttime
{
	display: 			none;
}

#timeleft
{
	display: 			inline;
}

#starttimesmall
{
	display: 			none;
}

#timeleftsmall
{
	display: 			inline;
}

.bsexy
{
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			14px;
	color: 				#707070;
	padding: 			2px 18px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#d6d6d6);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ffffff),
		to(#d6d6d6));
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #ebebeb;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.7),
		inset 0px 0px 3px rgba(252,249,252,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.7),
		inset 0px 0px 3px rgba(252,249,252,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.7),
		inset 0px 0px 3px rgba(252,249,252,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.1),
		0px 1px 0px rgba(255,255,255,1);
}

.bsexy:hover
{
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#d6d6d6);
	background: -webkit-gradient(
		linear, left bottom, left top, 
		from(#ffffff),
		color-stop(0.50, #ffffff),
		to(#d6d6d6));
	color: 				black;
	cursor: 			pointer;
}

td.message
{
	width: 				400px;
}

td.message img
{
	max-width: 			400px;
}

td.bio
{
	width: 				400px;
}

td.bio img
{
	max-width: 			400px;
}

blockquote
{
	border-left: 		5px solid gray;
	padding-left: 		10px;
	margin-left: 		5px;
}

.attackbtn
{
	width: 				200px;
	float: 				left;
	margin-top: 		50px;
	margin-left: 		-30px;
}

.battlemessage
{
	width: 				330px;
	float: 				left;
	margin-top: 		20px;
}